<template>
  <div class="toubiao_box">
    <div class="table_item">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column type="index" width="80">
        </el-table-column>
        <el-table-column prop="name" label="标的发布名字" width="380">
        </el-table-column>
        <el-table-column prop="date" label="日期" width="180">
        </el-table-column>
        <el-table-column prop="status" label="状态" width="180">
        </el-table-column>
        <el-table-column prop="status" label="操作" width="180">
          <div class="push">报名</div>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Mall',
  data() {
    return {
      tableData: [
        {
          date: '2024-12-31',
          name: '宸普投标公司宸普投标公司宸普投标公司',
          status: '未报名'
        },
        {
          date: '2024-12-31',
          name: '腾超投标公司宸普投标公司宸普投标公司',
          status: '未报名'
        },
        {
          date: '2024-12-31',
          name: '4、卓恒投标公司宸普投标公司宸普投标公司',
          status: '未报名'
        }, {
          date: '2024-12-31',
          name: '宸普投标公司宸普投标公司宸普投标公司',
          status: '未报名'
        }, {
          date: '2024-12-31',
          name: '8、亮旭投标公宸普投标公司宸普投标公司司',
          status: '未报名'
        }, {
          date: '2024-12-31',
          name: '12、谦灿投标公宸普投标公司司',
          status: '未报名'
        }, {
          date: '2024-12-31',
          name: '13、东利投标公宸普投标公司司',
          status: '未报名'
        }, {
          date: '2024-12-31',
          name: '18、鹏佳投标公司宸普投标公司',
          status: '未报名'
        }, {
          date: '2024-12-31',
          name: '9、伟畅投标公司宸普投标公司',
          status: '未报名'
        }, {
          date: '2024-12-31',
          name: '17、乐宁霖亮投标公司宸普投标公司',
          status: '未报名'
        }, {
          date: '2024-12-31',
          name: '31、平勤投标公司宸普投标公司',
          status: '未报名'
        }, {
          date: '2024-12-31',
          name: '31、平勤投标公宸普投标公司司',
          status: '未报名'
        },
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.toubiao_box {
  width: 90%;
  height: 90%;
  margin-top: 20px;
  margin-left: 30px;
  .table_item {
    position: relative;
    width: 80%;
    height: 100%;
    padding: 20px;
    border-radius: 10px;
    background: #fff;

    .push {
      color: #00e6b7;
      cursor: pointer;
    }
  }
}
</style>